<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <title>1好店</title>
</head>

<body>
    <!-- 快捷导航栏 开始 -->
    <section class="shortcut" id="dingbu">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>1号商店欢迎您! &nbsp;</li>
                    <li><a href="denglv.html" target="blank">请登录 &nbsp;</a></li>
                    <li><a href="zhuce.html" class="style_red" target="blank">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="ll"></li>
                    <li class="arrow-icon">
                        <a href="#">收藏夹</a>
                        <ul class="list_01">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">客服服务</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">网站导购</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="ll"></li>
                    <li class="fr">
                        <a href="#">关注我们：</a>
                        <a href="#" class="s_2">微信</a>
                        <a href="#" class="s_1">新浪</a>
                    </li>
                    <li class="ll"></li>
                    <li>
                        <a href="#">手机版</a>
                        <a href="#" class="s_3">手机</a>
                    </li>
                </ul>

            </div>
        </div>
    </section>
    <!-- 快捷导航栏 结束 -->
    <!-- header 头部 模块 开始-->
    <header class="header w">
        <!-- logo 模块 -->
        <div class="logo">
            <h1>
                <a href="#" title="1号商店">1号商店</a>
            </h1>
        </div>
        <!-- search 模块 -->
        <div class="search">
            <form>
                <input type="search" placeholder="请输入关键字">
                <button><a href="search.html">搜索</a></button>
            </form>
        </div>
        <!-- hotwords 模块 -->
        <div class="hotwords">
            <a href="#" class="style_red">咖啡</a>
            <a href="#">iphone 6S</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
        <!-- 购物车模块 -->
        <div class="shopcar"><a href="etails page.html" target="blank">购物车</a><i class="count">99</i></div>
    </header>
    <!-- header 头部 模块 结束-->
    <footer class="footer">
        <div class="w">
            <div class="mod_hd">
                <ul>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b1.png" alt="">
                        <h5>正品保障</h5>
                        <p>正品行货 放心购买</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b2.png" alt="">
                        <h5>满38包邮</h5>
                        <p>满38包邮 免运费</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b3.png" alt="">
                        <h5>天天低价</h5>
                        <p>天天低价 畅选无忧</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b4.png" alt="">
                        <h5>准时送达</h5>
                        <p>收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <div class="mod_bd clearfix">
                <dl>
                    <dt><a href="#">新手上路</a></dt>
                    <dd><a href="#">售后流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">订购方式</a></dd>
                    <dd><a href="#">隐私声明</a></dd>
                    <dd><a href="#">推荐分享说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">配送与支付</a></dt>
                    <dd><a href="#">货到付款区域</a></dd>
                    <dd><a href="#">配送支付查询</a></dd>
                    <dd><a href="#">支付方式说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">会员中心</a></dt>
                    <dd><a href="#">资金管理</a></dd>
                    <dd><a href="#">我的收藏</a></dd>
                    <dd><a href="#">我的订单</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">服务保证</a></dt>
                    <dd><a href="#">退换货原则</a></dd>
                    <dd><a href="#">售后服务保证</a></dd>
                    <dd><a href="#">产品质量保证</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">联系我们</a></dt>
                    <dd><a href="#">网站故障报告</a></dd>
                    <dd><a href="#">购物咨询</a></dd>
                    <dd><a href="#">投诉与建</a>议</dd>
                </dl>
                <dl>
                    <dt><img src="images/er.gif" alt=""></dt>
                    <dd class="dd_2"><img src="images/ss.png" alt=""></dd>
                </dl>
                <dl class="last_dl">
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">腾讯微博</a></dd>
                    <dd>服务热线：<br><a class="style_red">400-123-4567</a></dd>
                </dl>
            </div>
            <div class="mod_dd ">
                <p>备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016，All RightsReserved.复制必究
                    , Technical Support: Dgg Group </p>
                <div class="links">
                    <a href="#"><img src="images/b_1.gif" alt=""></a>
                    <a href="#"><img src="images/b_2.gif" alt=""></a>
                    <a href="#"><img src="images/b_3.gif" alt=""></a>
                    <a href="#"><img src="images/b_4.gif" alt=""></a>
                    <a href="#"><img src="images/b_5.gif" alt=""></a>
                    <a href="#"><img src="images/b_6.gif" alt=""></a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部模块 结束 -->
</body>

</html>